<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>客户信息</title>
    <link
      href="https://cdn.jsdelivr.net/npm/feidao-css@latest/feidao.css"
      type="text/css"
      rel="stylesheet"
    />
    <link rel="stylesheet" type="text/css" href="./../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="./../css/daoke.css" />
    <link rel="stylesheet" type="text/css" href="./../css/common.css" />
  </head>

  <body>
    <!-- 顶部 -->
    <div class="ht60 common-header">
        <div>
          <h1 class="logo">
            人脸识别管理系统
          </h1>
          <span class="common-header-select"
            >xxx项目演示<i class="iconfont icon-xiala"></i
          ></span>
        </div>
        <div>
          <i
            class="iconfont icon-weibiaoti- color-f cursor-p"
            style="font-size:28px"
          ></i>
          <!-- 消息模块 start -->
          <div
            class="bg-f pos-a radius-5 display-n"
            style="width: 250px; padding: 10px 15px; top: 65px;right: 32px;z-index: 999999;border: 1px solid #EBEEF5;box-shadow: 3px 3px 3px 3px rgba(153, 153, 153, 0.35);"
          >
            <div>
              <div
                class="flex-c"
                style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;"
              >
                <i
                  class="icon iconfont icon-huiyi1 color-3"
                  style="font-size: 20px;"
                ></i>
                <span style="font-size: 14px;margin: 0 10px" class="color-3"
                  >会议管理</span
                >
                <span style="font-size: 12px;" class="color-6"
                  >2019-04-23 09:28</span
                >
              </div>
              <div class="font14 color-3">
                <div style="margin: 10px 0">张晓丽发起一次会议，需要您参加。</div>
                <div style="margin: 10px 0">会议标题：年度会议</div>
                <div style="margin: 10px 0">开始时间：2019-04-22 19：30</div>
                <div style="margin: 10px 0">结束时间：2019-04-22 19：50</div>
                <div style="margin: 10px 0">李文博提交的通知公告需要您审批。</div>
              </div>
            </div>
            <div>
              <div
                class="flex-c"
                style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;"
              >
                <i
                  class="icon iconfont icon-shenpi color-3"
                  style="font-size: 20px;"
                ></i>
                <span style="font-size: 14px;margin: 0 10px" class="color-3"
                  >审核</span
                >
                <span style="font-size: 12px;" class="color-6"
                  >2019-04-23 09:28</span
                >
              </div>
              <div class="font14 color-3" style="margin: 10px 0">
                <span>张志章提交的通知公告需要您审批。</span>
              </div>
            </div>
            <div>
              <div
                class="flex-c"
                style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;"
              >
                <i
                  class="icon iconfont icon-shenpi color-3"
                  style="font-size: 20px;"
                ></i>
                <span style="font-size: 14px;margin: 0 10px" class="color-3"
                  >审核</span
                >
                <span style="font-size: 12px;" class="color-6"
                  >2019-04-23 09:28</span
                >
              </div>
              <div class="font14 color-3" style="margin: 10px 0">
                <span>张志章提交的通知公告需要您审批。</span>
              </div>
            </div>
          </div>
          <!-- 消息模块 end -->
          <span class="cursor-p mr-15 ml-15">
            <i class="iconfont icon-touxiang color-f" style="font-size:28px"></i>
            <span class="color-f font14 display-ib" style="margin-left:10px"
              >刘德华</span
            >
            <!-- 个人信息 start -->
            <div
              class="infobox pos-a bg-f b-box display-n"
              style="	box-shadow: 3px 3px 3px 3px rgba(153, 153, 153, 0.35);top: 55px;right: 10px; z-index: 9999;border: 1px solid #EBEEF5;padding: 10px 0;
              margin: 5px 0;"
            >
              <div class="common-info-item">修改密码</div>
              <div class="common-info-item">退出登录</div>
            </div>
            <!-- 个人信息 start -->
          </span>
        </div>
	</div>
	  <!-- 导航 end-->
      <!-- 导航 && 页面区域 start-->
	<section class="common-container">
	<!-- 导航 start-->
	<div class="common-container-nav">
		<ul>
			<li><div class="menu-item">首页</div></li>
			<li><div class="menu-item">客户管理</div>
				<ul>
					<li><div class='menu-item sub-menu-item'>客户信息</div></li>
					<li><div class='menu-item sub-menu-item'>抓拍结果</div></li>
					<li><div class='menu-item sub-menu-item'>客户接待</div></li>
					<li><div class='menu-item sub-menu-item'>数据分析</div></li>
				</ul>
			</li>
			<li><div class="menu-item">风控规则</div></li>
			<li><div class="menu-item">渠道管理</div></li>
			<li><div class="menu-item">基础信息管理</div>
				<ul>
					<li><div class='menu-item sub-menu-item'>人员管理</div></li>
					<li><div class='menu-item sub-menu-item'>客户调换审批</div></li>
					<li><div class='menu-item sub-menu-item'>项目管理</div></li>
					<li><div class='menu-item sub-menu-item'>设备管理</div></li>
				</ul>
			</li>
			<li><div class="menu-item">租户管理</div></li>
			<li><div class="menu-item">日志管理</div></li>
		</ul>
	</div>
      <!-- 内容区域 start-->
    <div class="common-container-main">
      <!-- 面包屑 start -->
      <div class="ht40 bg-f flex-c font14 color-3"
        style="padding:0 20px;margin-bottom: 20px" >
        <i class="iconfont icon-nav_user color-3 font20"
          style="margin-right:10px"></i>
        <span>客户信息</span>
        <div>
            <span class="color-theme font14 cursor-p" style="margin-left:100px">全部客户</span>
            <span class="color-9 font14 cursor-p" style="margin-left:30px">已认证客户</span>
            <span class="color-9 font14 cursor-p" style="margin-left:30px">报备客户</span>
            <span class="color-9 font14 cursor-p" style="margin-left:30px">风险客户</span>
            <span class="color-9 font14 cursor-p" style="margin-left:30px">正常客户</span>
            <span class="color-9 font14 cursor-p" style="margin-left:30px">未认证客户</span>
            <span class="color-9 font14 cursor-p" style="margin-left:30px">无抓拍记录客户</span>
            <span class="color-9 font14 cursor-p" style="margin-left:30px">认证失败客户</span>
          </div>
      </div>
      <!-- 面包屑 end -->
      <!-- 初始化页面 start -->
      <div class="display-">
        <div class="display-">
          <!-- 第一行 -->
          <div class="flex-js-c bg-f color-3 common_search_flex"
            style="font-size:14px;padding: 0 20px;">
            <div class="flex-c pt-10">
              <span style="margin-left:16px;width: 100px">客户姓名：</span>
              <input class="text" />
            </div>
            <div class="flex-c pt-10">
              <span style="margin-left:16px;width: 100px">证件号码：</span>
              <input class="text" />
            </div>
            <div class="flex-c pt-10">
              <span style="margin-left:16px;width: 100px">渠道名称：</span>
              <input class="text" />
            </div>
            <div class="flex-c pt-10">
              <span style="margin-left:16px;width: 100px">来访数量：</span>
              <select class="select">
                <option>请选择</option>
                <option>全部</option>
                <option>最新来访</option>
                <option>二访</option>
                <option>三访</option>
                <option>多访</option>
              </select>
            </div>
            <div class="flex-c pt-10">
              <span style="margin-left:16px;width: 100px"
                >首次抓拍时间：
              </span>
              <div class="flex-c pt-10">
                <input class="text" type="date" />
                <span style="padding:0 5px;">至</span>
                <input class="text" type="date" />
              </div>
            </div>
            <div class="flex-c pt-10">
              <span style="margin-left:16px;width: 100px">认证时间： </span>
              <div class="flex-c pt-10">
                <input class="text" type="date" />
                <span style="padding:0 5px;">至</span>
                <input class="text" type="date" />
              </div>
            </div>
            <div class="flex-c pt-10">
              <span style="margin-left:16px;width: 100px">报备时间： </span>
              <div class="flex-c pt-10">
                <input class="text" type="date" />
                <span style="padding:0 5px;">至</span>
                <input class="text" type="date" />
              </div>
            </div>
            <div class="flex-c pt-10">
              <span style="margin-left:16px;width: 100px">导入时间： </span>
              <div class="flex-c">
                <input class="text" type="date" />
                <span style="padding:0 5px;">至</span>
                <input class="text" type="date" />
              </div>
            </div>
            <div class="flex-c pt-10">
              <span style="margin-left:16px;width: 100px">意向面积：</span>
              <select class="select">
                <option>请选择</option>
                <option>80㎡以下</option>
                <option>80㎡-90㎡</option>
                <option>90㎡-110㎡</option>
                <option>110㎡-130㎡</option>
                <option>130㎡以上</option>
              </select>
            </div>
            <div class="flex-c pt-10">
                <span style="margin-left:16px;width: 100px">意向楼号：</span>
                <input class="text" />
            </div>
            <div class="flex-c pt-10">
                <span style="margin-left:16px;width: 100px">客户状态：</span>
                <select class="select">
                  <option>请选择</option>
                  <option>a（已经确定）</option>
                  <option>b（待确认/考虑中）</option>
                  <option>c（随便看看）</option>
                  <option>110㎡-130㎡</option>
                  <option>d（确定不买）</option>
                </select>
            </div>
            <div class="flex-c pt-10">
                <span style="margin-left:16px;width: 120px">是否为星级客户：</span>
                <select class="select">
                  <option>请选择</option>
                  <option>是</option>
                  <option>否</option>
                </select>
            </div>
            <!-- 按钮组start -->
            <div class="flex-c pt-10">
                <div class="radius-5 ht30 l-ht30 text-c cursor-p bg-theme display-ib"  style="width:30px;margin-left:16px;"  title="搜索">
                  <i class="iconfont icon-sousuo color-f font18"></i>
                </div>
              <div class="flex-js-c">
                  <div>
                    <div class="btn ht30 flex-cc" style="min-width:60px;">
                      <span>图片导入</span>
                    </div>
                  </div>
              </div>
            <div class="flex-js-c">
                <div>
                  <div class="btn ht30 flex-cc" style="min-width:60px;">
                    <span>单个新增</span>
                  </div>
                </div>
            </div>
            <div class="flex-js-c">
                <div>
                  <div class="btn ht30 flex-cc" style="min-width:60px;">
                    <span>批量新增</span>
                  </div>
                </div>
            </div>
            <div class="flex-js-c">
                <div>
                  <div class="btn ht30 flex-cc" style="min-width:60px;">
                    <span>导出</span>
                  </div>
                </div>
              </div>
              <div class="flex-js-c">
                  <div>
                    <div class="btn ht30 flex-cc" style="min-width:60px;">
                      <span>认购</span>
                    </div>
                  </div>
              </div>
          </div>
          </div>

          <!-- 初始化表格start -->
          <div class="bg-f color-3 p20" style="font-size:14px;">
            <!-- 表头 start -->
            <div class="t_title">
              <span class="display-ib p5 border-r-1 text-c b-box"
                style="width:6%;">客户ID
              </span><span class="display-ib p5 border-r-1 text-c b-box"
                style="width:5%;">姓名
              </span><span class="display-ib p5 border-r-1 text-c b-box"
              style="width:10%;">首次人脸抓拍时间
             </span><span class="display-ib p5 border-r-1 text-c b-box"
                style="width:8%;">报备时间
              </span><span class="display-ib p5 border-r-1 text-c b-box"
              style="width:5%;">风险状态
             </span><span class="display-ib p5 border-r-1 text-c b-box"
                style="width:8%;">身份证号
              </span><span class="display-ib p5 border-r-1 text-c b-box"
              style="width:8%;">认证时间
             </span><span class="display-ib p5 border-r-1 text-c b-box"
                style="width:8%;">导入时间
           </span><span class="display-ib p5 border-r-1 text-c b-box"
              style="width:5%;">到访次数
             </span><span class="display-ib p5 border-r-1 text-c b-box"
                style="width:5%;">认证结果
              </span><span class="display-ib p5 border-r-1 text-c b-box"
              style="width:6%;">所属渠道
            </span><span class="display-ib p5 border-r-1 text-c b-box"
              style="width:5%;">置业顾问
            </span><span class="display-ib p5 border-r-1 text-c b-box"
              style="width:6%;">客户状态
            </span><span class="display-ib p5 border-r-1 text-c b-box"
                style="width:15%;">操作</span>
            </div>
            <!-- 表头 end -->
            <!-- 表体 start -->
            <div class="t_body display-">
                <div class="tableRow">
                    <span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h " style="width:6%;">00001
                    </span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h " style="width:5%;">张三</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h " style="width:10%;">2019-08-08 12:37:27
                    </span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h " style="width:8%;">2019-08-08 12:37:27
                    </span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h " style="width:5%;">正常
                    </span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h "  style="width:8%">510681199311263310
                    </span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h "  style="width:8%;">2019-08-08 12:37:27
                    </span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h " style="width:8%;">2019-08-08 12:37:27
                    </span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h " style="width:5%;">老客户</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h "  style="width:5%;">已认证
                    </span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h " style="width:6%;">安居客
                    </span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h "  style="width:5%;">小李
                    </span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h "  style="width:6%;">待确认/考虑中</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box "  style="width:15%;overflow: auto;text-overflow: inherit;">
                        <span>详情</span>
                        <span>变更记录</span>
                        <span>编辑</span>
                        <span>申请移交</span>
                    </span>
                  </div>
            </div>
            <!-- 表体 end -->
            <!-- 分页start -->
            <div class="page display-">
              分页
            </div>
            <!-- 分页end -->
          </div>
          <!-- 初始化表格end -->
        </div>
      </div>
      <!-- 初始化页面 end -->
    </section>
    <!-- 导航 && 页面区域 end-->
  <!-- 图片导入start -->
  <div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n" style="z-index:120;">
    <div class="flex-cc w100">
      <div class="bg-f overflow-h text-l" style="border-radius:4px;width:700px;margin-top:50px;">
        <div class="font14 bg-theme color-f ht40 l-ht40"
          style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
          <i class="icon iconfont icon-guanbi1 fr text-c cursor-p font16" title="close"></i>图片导入客户
        </div>
        <!-- 上传图片 -->
        <div style="margin-top: 20px ;display: flex;align-items: flex-start">
						<div style="width:100px;height:20px">
							<span class="display-ib font14 fr">
								<span class="color-red">
									*
								</span>
								图片：
							</span>
						</div>
						<div class="radius-4 display-ib pos-r cursor-p l-ht30 text-c"
							style="width:120px;height:120px;border: 1px dashed #ddd;">
							<div style="margin-top:30px;">
								<div><i class="iconfont icon-icon-tianjia font24"></i></div>
								<div>上传图片</div>
							</div>
            </div>
            <div class="ml-20">
                <p class=""><strong>提示:</strong></p>
                <p>标准照中的人脸宽高应大于100*100像素，像素越高越好</p>
                <p>入库的标准照要求绝对清晰，需要能够非常清楚的分辨出人脸轮廓和五官</p>
                <p class="color-red">只能上传一张图片，支持jpg/jpeg/png/bmp格式，且不超过4M</p>
            </div>
          </div>
          <!-- 姓名 -->
          <div class="flex-c l-ht50">
              <div style="width: 100px">
                <span class="display-ib fr">
                  <span class="color-red font12 color-6 vertical-a-t">*</span>
                  客户姓名：
                </span>
              </div>
              <div class="pos-r display-ib">
                <input type="text" class="text" placeholder="请输入客户姓名" style="width: 500px">
              </div>
          </div>
           <!-- 证件号码 -->
           <div class="flex-c l-ht50">
              <div style="width: 100px">
                <span class="display-ib fr">
                  <span class="color-red font12 color-6 vertical-a-t">*</span>
                  证件号码：
                </span>
              </div>
              <div class="pos-r display-ib">
                <input type="text" class="text" placeholder="请输入证件号码" style="width: 500px">
              </div>
          </div>
          <!-- 性别 -->
          <div class="flex-c l-ht50">
              <div style="width: 100px">
                <span class="display-ib fr">
                  <span class="color-red font12 color-6 vertical-a-t">*</span>
                  性别：
                </span>
              </div>
              <div class="pos-r display-ib">
                <select class="select" placeholder="请选择性别" style="width: 500px">
                  <option>请选择性别</option>
                  <option>男</option>
                  <option>女</option>
                </select>
              </div>
            </div>
          <!-- 客户状态 -->
          <div class="flex-c l-ht50">
              <div style="width: 100px">
                <span class="display-ib fr">
                  <span class="color-red font12 color-6 vertical-a-t">*</span>
                  客户状态：
                </span>
              </div>
              <div class="pos-r display-ib">
                <select class="select" placeholder="请选择性别" style="width: 500px">
                  <option>请选择</option>
                  <option>a：已经确定</option>
                  <option>b:待确认/考虑中</option>
                  <option>c：随便看看</option>
                  <option>d:确认不买</option>
                </select>
              </div>
          </div>
          <!-- 确定 -->
          <div class="text-c mt-20 mb-20">
              <input type="button" value="确认" class="btn" style="width: 50px;">
          </div>
      </div>
    </div>
  </div>
<!-- 图片导入end -->
<!-- 单个新增start -->
<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n" style="z-index:120;">
    <div class="flex-cc w100">
      <div class="bg-f overflow-h text-l" style="border-radius:4px;width:700px;margin-top:50px;">
        <div class="font14 bg-theme color-f ht40 l-ht40"
          style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
          <i class="icon iconfont icon-guanbi1 fr text-c cursor-p font16" title="close"></i>单个新增客户
        </div>
          <!-- 姓名 -->
          <div class="flex-c l-ht50">
              <div style="width: 100px">
                <span class="display-ib fr">
                  <span class="color-red font12 color-6 vertical-a-t">*</span>
                  客户姓名：
                </span>
              </div>
              <div class="pos-r display-ib">
                <input type="text" class="text" placeholder="请输入客户姓名" style="width: 500px">
              </div>
          </div>
           <!-- 证件号码 -->
           <div class="flex-c l-ht50">
              <div style="width: 100px">
                <span class="display-ib fr">
                  <span class="color-red font12 color-6 vertical-a-t">*</span>
                  证件号码：
                </span>
              </div>
              <div class="pos-r display-ib">
                <input type="text" class="text" placeholder="请输入证件号码" style="width: 500px">
              </div>
          </div>
          <!-- 手机号 -->
          <div class="flex-c l-ht50">
              <div style="width: 100px">
                <span class="display-ib fr">
                  <span class="color-red font12 color-6 vertical-a-t">*</span>
                  手机号：
                </span>
              </div>
              <div class="pos-r display-ib">
                <input type="text" class="text" placeholder="请输入手机号" style="width: 500px">
              </div>
          </div>
          <!-- 性别 -->
          <div class="flex-c l-ht50">
              <div style="width: 100px">
                <span class="display-ib fr">
                  <span class="color-red font12 color-6 vertical-a-t">*</span>
                  性别：
                </span>
              </div>
              <div class="pos-r display-ib">
                <select class="select" placeholder="请选择" style="width: 500px">
                  <option>请选择</option>
                  <option>男</option>
                  <option>女</option>
                </select>
              </div>
            </div>
          <!-- 客户状态 -->
          <div class="flex-c l-ht50">
              <div style="width: 100px">
                <span class="display-ib fr">
                  <span class="color-red font12 color-6 vertical-a-t">*</span>
                  客户状态：
                </span>
              </div>
              <div class="pos-r display-ib">
                <select class="select" placeholder="请选择客户状态" style="width: 500px">
                  <option>请选择</option>
                  <option>a：已经确定</option>
                  <option>b:待确认/考虑中</option>
                  <option>c：随便看看</option>
                  <option>d:确认不买</option>
                </select>
              </div>
          </div>
          <!-- 置业顾问 -->
          <div class="flex-c l-ht50">
              <div style="width: 100px">
                <span class="display-ib fr">
                  <span class="color-red font12 color-6 vertical-a-t">*</span>
                  置业顾问：
                </span>
              </div>
              <div class="pos-r display-ib">
                <select class="select" placeholder="请选择置业顾问" style="width: 500px">
                  <option>请选择</option>
                  <option>顾问A</option>
                  <option>顾问B</option>
                  <option>顾问C</option>
                  <option>顾问D</option>
                </select>
              </div>
          </div>
           <!-- 经纪人 -->
           <div class="flex-c l-ht50">
              <div style="width: 100px">
                <span class="display-ib fr">
                  <span class="color-red font12 color-6 vertical-a-t">*</span>
                  经纪人：
                </span>
              </div>
              <div class="pos-r display-ib">
                <input type="text" class="text" placeholder="请输入经纪人" style="width: 500px">
              </div>
          </div>
           <!-- 所属渠道 -->
           <div class="flex-c l-ht50">
              <div style="width: 100px">
                <span class="display-ib fr">
                  <span class="color-red font12 color-6 vertical-a-t">*</span>
                  所属渠道：
                </span>
              </div>
              <div class="pos-r display-ib">
                <select class="select" placeholder="请选择所属渠道" style="width: 500px">
                  <option>请选择</option>
                  <option>自然到访</option>
                  <option>员工推荐</option>
                  <option>贝壳找房</option>
                  <option>链家</option>
                </select>
              </div>
          </div>
          <!-- 报备时间-->
          <div class="flex-c" style="margin-top: 20px">
              <div style="width: 100px">
                <span class="display-ib fr">
                  <span class="color-red font12 color-6 vertical-a-t">*</span>
                  报备时间：
                </span>
              </div>
              <div class="flex-c">
                <input class="text" type="date" style="width: 500px">
              </div>
          </div>
          <!-- 首次带看时间-->
          <div class="flex-c" style="margin-top: 20px">
              <div style="width: 100px">
                <span class="display-ib fr">
                  <span class="color-red font12 color-6 vertical-a-t">*</span>
                  首次带看时间：
                </span>
              </div>
              <div class="flex-c">
                <input class="text" type="date" style="width: 500px">
              </div>
          </div>
           <!-- 签约时间-->
           <div class="flex-c" style="margin-top: 20px">
              <div style="width: 100px">
                <span class="display-ib fr">
                  <span class="color-red font12 color-6 vertical-a-t">*</span>
                  签约时间：
                </span>
              </div>
              <div class="flex-c">
                <input class="text" type="date" style="width: 500px">
              </div>
          </div>
          <!-- 签约房间号 -->
          <div class="flex-c l-ht50">
              <div style="width: 100px">
                <span class="display-ib fr">
                  <span class="color-red font12 color-6 vertical-a-t">*</span>
                  签约房间号：
                </span>
              </div>
              <div class="pos-r display-ib">
                <input type="text" class="text" placeholder="请输入签约房间号" style="width: 500px">
              </div>
          </div>
           <!-- 备注 -->
           <div>
            <span class="display-ib text-r vertical-a-t" style="width: 100px">
              <span class="color-red color-6 ">*</span>
              内容：
            </span>
            <div class="display-ib">
              <textarea id="knowledge_context" placeholder="请输入内容" class="textarea" style="width: 500px;resize: none;height: 100px;display: flex"></textarea>
            </div>
          </div>
          <!-- 确定 -->
          <div class="text-c mt-20 mb-20">
              <input type="button" value="确认" class="btn" style="width: 50px">
          </div>
      </div>
    </div>
  </div>
<!-- 单个新增end -->
<!-- 批量新增start -->
<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a ht100 w100 font12 display-n"
		style="z-index:120;">
		<div class="flex-cc w100 ht100">
			<div class="bg-f overflow-h" style="border-radius:4px;width:400px;">
				<div class="font14 bg-theme color-f ht40 l-ht40"
					style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
					<i class=" icon iconfont icon-guanbi1 fr text-c cursor-p font12" title="close" ></i>批量导入客户
        </div>
        <div class="flex-c l-ht50">
            <div class="color-9 pl-15">1、请先下载模板：</div>
						<input type="button" value="下载模板" class="btn ht30 flex-cc" style="width:80px;">
				</div>
				<div class="flex-c l-ht50">
            <div class="color-9 pl-15">2、按照模板格式填写信息，保存修改</div>
				</div>
				<div class="flex-c l-ht50">
            <div class="color-9 pl-15">3、导入模板：</div>
						<input type="button" value="点击上传"  class="btn ht30 flex-cc" style="width:80px;">
        </div>
        <div class="flex-c l-ht30">
            <div class="color-9 pl-15">备注：1、请选择上传文件，支持.xlsx</div>
        </div>
        <div class="flex-c l-ht30">
            <div class="color-9 pl-15">2、按照模板格式填写信息，保存修改</div>
				</div>
			</div>
		</div>
	</div>
<!-- 批量新增end -->
<!-- 变更记录start -->
<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a ht100 w100 font12 display-n"
		style="z-index:120;">
		<div style="width:800px;padding-top:100px;padding-bottom:50px;margin:0 auto;">
			<div class="bg-f overflow-h " style="border-radius:4px">
				<div class="font14 bg-theme color-f ht40 l-ht40"
					style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
					<i class=" icon iconfont icon-guanbi1 fr text-c cursor-p font16" title="close"
						data-feidao-actions="click:eu-001"></i>变更记录
				</div>
				<div class="p20">
					<!-- 表格 start -->
					<div class="p20" style="min-height: 452px">
						<!-- 表头 start -->
						<div class="t_title1">
							<span class="display-ib p5 text-c b-box" style="width:10%;">序号
							</span><span class="display-ib p5 text-c b-box" style="width:10%;">操作账号
              </span><span class="display-ib p5  text-c b-box" style="width:20%;">操作时间
              </span><span class="display-ib p5  text-c b-box" style="width:30%;">变更前内容
              </span><span class="display-ib p5  text-c b-box" style="width:30%;">变更后内容
              </span>
						</div>
						<!-- 表头 end -->
						<!-- 表体 start -->
						<!-- 表体 start -->
						<div class="t_body1 display-">
							<div class="tableRow1" style=" height:auto;">
								<span class="display-ib p5 vertical-a-t text-c b-box overflow-h " style="width:10%;height:auto;line-height: 20px;"	title="">1
								</span><span class="display-ib p5 vertical-a-t text-l b-box overflow-h "	style="width:10%;height:auto;line-height: 20px;" title="">zhangsan
								</span><span class="display-ib p5 vertical-a-t text-c b-box overflow-h "
                  style="width:20%;" title="">2019-09-04 10：10
                </span><span class="display-ib p5 vertical-a-t text-l b-box "	style="width:30%;height:auto;line-height: 20px;" title="">
                  <p class="overflow-h m0 p0">手机号：15767675645</p>
                  <p class="overflow-h m0 p0">置业顾问：ces</p>
                  <p class="overflow-h m0 p0">经纪人：123</p>
                  <p class="overflow-h m0 p0">渠道：安居客</p>
                </span><span class="display-ib p5 vertical-a-t text-l b-box overflow-h "	style="width:30%;height:auto;line-height: 20px;" title="">
                 <p class="overflow-h m0 p0">手机号：18756453454</p>
                 <p class="overflow-h m0 p0">置业顾问：123</p>
                 <p class="overflow-h m0 p0">经纪人：莉莉</p>
                 <p class="overflow-h m0 p0">渠道：房天下</p>
								</span>
              </div>
              <div class="tableRow1" style=" height:auto;">
                  <span class="display-ib p5 vertical-a-t text-c b-box overflow-h " style="width:10%;height:auto;line-height: 20px;"	title="">2
                  </span><span class="display-ib p5 vertical-a-t text-l b-box overflow-h "	style="width:10%;height:auto;line-height: 20px;" title="">zhangsan
                  </span><span class="display-ib p5 vertical-a-t text-c b-box overflow-h "
                    style="width:20%;" title="">2019-09-04 10：10
                  </span><span class="display-ib p5 vertical-a-t text-l b-box "	style="width:30%;height:auto;line-height: 20px;" title="">
                    <p class="overflow-h m0 p0">手机号：15767675645</p>
                    <p class="overflow-h m0 p0">置业顾问：ces</p>
                    <p class="overflow-h m0 p0">经纪人：123</p>
                    <p class="overflow-h m0 p0">渠道：安居客</p>
                  </span><span class="display-ib p5 vertical-a-t text-l b-box overflow-h "	style="width:30%;height:auto;line-height: 20px;" title="">
                   <p class="overflow-h m0 p0">手机号：18756453454</p>
                   <p class="overflow-h m0 p0">置业顾问：123</p>
                   <p class="overflow-h m0 p0">经纪人：莉莉</p>
                   <p class="overflow-h m0 p0">渠道：房天下</p>
                  </span>
                </div>
						</div>
						<!-- 表体 end -->
						<!-- 无数据 start -->
						<div class="none display-n">
							<div>
								<img src="../images/wsj.png" alt="">
							</div>
							<div class="color-6">
								暂无数据
							</div>
						</div>
						<!-- 无数据 end -->
						<!-- 表体 end -->
						<!-- 分页start -->
						<div class="page display- " style="margin: 5px">
							分页
						</div>
						<!-- 分页end -->
					</div>
				</div>
			</div>
		</div>
	</div>
<!-- 变更记录end -->
<!-- 编辑start -->
<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n" style="z-index:120;">
  <div class="flex-cc w100">
    <div class="bg-f overflow-h text-l" style="border-radius:4px;width:700px;margin-top:50px;">
      <div class="font14 bg-theme color-f ht40 l-ht40"
        style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
        <i class="icon iconfont icon-guanbi1 fr text-c cursor-p font16" title="close"></i>编辑
      </div>
        <!-- 姓名 -->
        <div class="flex-c l-ht50">
            <div style="width: 100px">
              <span class="display-ib fr">
                <span class="color-red font12 color-6 vertical-a-t">*</span>
                客户姓名：
              </span>
            </div>
            <div class="pos-r display-ib">
              <input type="text" class="text" placeholder="请输入客户姓名" style="width: 500px">
            </div>
        </div>
         <!-- 证件号码 -->
         <div class="flex-c l-ht50">
            <div style="width: 100px">
              <span class="display-ib fr">
                <span class="color-red font12 color-6 vertical-a-t">*</span>
                证件号码：
              </span>
            </div>
            <div class="pos-r display-ib">
              <input type="text" class="text" placeholder="请输入证件号码" style="width: 500px">
            </div>
        </div>
        <!-- 手机号 -->
        <div class="flex-c l-ht50">
            <div style="width: 100px">
              <span class="display-ib fr">
                <span class="color-red font12 color-6 vertical-a-t">*</span>
                手机号：
              </span>
            </div>
            <div class="pos-r display-ib">
              <input type="text" class="text" placeholder="请输入手机号" style="width: 500px">
            </div>
        </div>
        <!-- 性别 -->
        <div class="flex-c l-ht50">
            <div style="width: 100px">
              <span class="display-ib fr">
                <span class="color-red font12 color-6 vertical-a-t">*</span>
                性别：
              </span>
            </div>
            <div class="pos-r display-ib">
              <select class="select" placeholder="请选择" style="width: 500px">
                <option>请选择</option>
                <option>男</option>
                <option>女</option>
              </select>
            </div>
          </div>
        <!-- 客户状态 -->
        <div class="flex-c l-ht50">
            <div style="width: 100px">
              <span class="display-ib fr">
                <span class="color-red font12 color-6 vertical-a-t">*</span>
                客户状态：
              </span>
            </div>
            <div class="pos-r display-ib">
              <select class="select" placeholder="请选择客户状态" style="width: 500px">
                <option>请选择</option>
                <option>a：已经确定</option>
                <option>b:待确认/考虑中</option>
                <option>c：随便看看</option>
                <option>d:确认不买</option>
              </select>
            </div>
        </div>
        <!-- 置业顾问 -->
        <div class="flex-c l-ht50">
            <div style="width: 100px">
              <span class="display-ib fr">
                <span class="color-red font12 color-6 vertical-a-t">*</span>
                置业顾问：
              </span>
            </div>
            <div class="pos-r display-ib">
              <select class="select" placeholder="请选择置业顾问" style="width: 500px">
                <option>请选择</option>
                <option>顾问A</option>
                <option>顾问B</option>
                <option>顾问C</option>
                <option>顾问D</option>
              </select>
            </div>
        </div>
         <!-- 经纪人 -->
         <div class="flex-c l-ht50">
            <div style="width: 100px">
              <span class="display-ib fr">
                <span class="color-red font12 color-6 vertical-a-t">*</span>
                经纪人：
              </span>
            </div>
            <div class="pos-r display-ib">
              <input type="text" class="text" placeholder="请输入经纪人" style="width: 500px">
            </div>
        </div>
         <!-- 所属渠道 -->
         <div class="flex-c l-ht50">
            <div style="width: 100px">
              <span class="display-ib fr">
                <span class="color-red font12 color-6 vertical-a-t">*</span>
                所属渠道：
              </span>
            </div>
            <div class="pos-r display-ib">
              <select class="select" placeholder="请选择所属渠道" style="width: 500px">
                <option>请选择</option>
                <option>自然到访</option>
                <option>员工推荐</option>
                <option>贝壳找房</option>
                <option>链家</option>
              </select>
            </div>
        </div>
        <!-- 报备时间-->
        <div class="flex-c" style="margin-top: 20px">
            <div style="width: 100px">
              <span class="display-ib fr">
                <span class="color-red font12 color-6 vertical-a-t">*</span>
                报备时间：
              </span>
            </div>
            <div class="flex-c">
              <input class="text" type="date" style="width: 500px">
            </div>
        </div>
        <!-- 首次带看时间-->
        <div class="flex-c" style="margin-top: 20px">
            <div style="width: 100px">
              <span class="display-ib fr">
                <span class="color-red font12 color-6 vertical-a-t">*</span>
                首次带看时间：
              </span>
            </div>
            <div class="flex-c">
              <input class="text" type="date" style="width: 500px">
            </div>
        </div>
         <!-- 签约时间-->
         <div class="flex-c" style="margin-top: 20px">
            <div style="width: 100px">
              <span class="display-ib fr">
                <span class="color-red font12 color-6 vertical-a-t">*</span>
                签约时间：
              </span>
            </div>
            <div class="flex-c">
              <input class="text" type="date" style="width: 500px">
            </div>
        </div>
        <!-- 签约房间号 -->
        <div class="flex-c l-ht50">
            <div style="width: 100px">
              <span class="display-ib fr">
                <span class="color-red font12 color-6 vertical-a-t">*</span>
                签约房间号：
              </span>
            </div>
            <div class="pos-r display-ib">
              <input type="text" class="text" placeholder="请输入签约房间号" style="width: 500px">
            </div>
        </div>
         <!-- 备注 -->
         <div>
          <span class="display-ib text-r vertical-a-t" style="width: 100px">
            <span class="color-red color-6 ">*</span>
            内容：
          </span>
          <div class="display-ib">
            <textarea id="knowledge_context" placeholder="请输入内容" class="textarea" style="width: 500px;resize: none;height: 100px;display: flex"></textarea>
          </div>
        </div>
        <!-- 确定 -->
        <div class="text-c mt-20 mb-20">
            <input type="button" value="确认" class="btn" style="width: 50px">
        </div>
    </div>
  </div>
</div>
<!-- 编辑end -->
<!-- 申请移交客户start -->
<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n" style="z-index:120;">
  <div class="flex-cc w100">
    <div class="bg-f overflow-h text-l" style="border-radius:4px;width:500px;margin-top:150px;">
      <div class="font14 bg-theme color-f ht40 l-ht40"
        style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
        <i class="icon iconfont icon-guanbi1 fr text-c cursor-p font16" title="close"></i>客户移交申请
      </div>
         <!-- 置业顾问 -->
         <div class="flex-c l-ht50">
            <div style="width: 100px">
              <span class="display-ib fr">
                <span class="color-red font12 color-6 vertical-a-t">*</span>
                置业顾问：
              </span>
            </div>
            <div class="pos-r display-ib">
              <select class="select" placeholder="请选择置业顾问" style="width: 150px">
                <option>请选择</option>
                <option>顾问A</option>
                <option>顾问B</option>
                <option>顾问C</option>
                <option>顾问D</option>
                <option>顾问E</option>
                <option>顾问F</option>
                <option>顾问G</option>
                <option>顾问H</option>
              </select>
            </div>
        </div>
         <!-- 移交理由 -->
         <div>
          <span class="display-ib text-r vertical-a-t" style="width: 100px">
            <span class="color-red color-6 ">*</span>
            移交理由：
          </span>
          <div class="display-ib">
            <textarea id="knowledge_context" placeholder="请输入内容" class="textarea" style="width: 350px;resize: none;height: 100px;display: flex"></textarea>
          </div>
        </div>
        <!-- 确定 -->
        <div class="text-c mt-20 mb-20">
            <input type="button" value="确认" class="btn" style="width: 50px">
        </div>
    </div>
  </div>
</div>
<!-- 申请移交客户end -->
  </body>
</html>
